<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>脸部识别注册</title>
    <style type='text/css'>
        *{
            margin:0;
            padding: 0;
        }
        #ee{
            width: 600px;
            margin: 30px auto;
            /* background-color: red; */
        }
        #ff > fieldset{
            width:400px;
            padding: 20px;
        }
        #ff input{
            height: 40px;
            width: 96%;
        }
        #ff p {
            margin-bottom: 10px;
        }
        #ff label{
            margin-bottom:5px;
        }
        meter{
            height: 20px;
            width: 96%;
        }
    </style>
</head>
<body>
    <div id="ee">
        <form id="ff" enctype="multipart/form-data" action="/zuceApi" method="post" autocomplete="on">
            <fieldset>
                <legend>注册</legend>
                <p>
                    <label>请上传可识别脸部特征: </label>
					{% csrf_token %}
					<input type="file" name="myfile" accept="image/*"  placeholder="请选择头像上传"/>
					<input type="txt" name="userName"   placeholder="请输入用户名"/>
					<input type="txt" name="userPassword"   placeholder="请输入用户密码"/>
					<input type="txt" name="nick_name"   placeholder="请输入用户昵称"/>
					<input type="txt" name="user_phone"   placeholder="请输入联系方式"/>
					<input type="txt" name="user_email"   placeholder="请输入邮箱地址"/>
                </p>
                
                
                <p>
                    <input type="submit" name="submit" value="注册">
                </p>
            </fieldset>
        </form>
		<p>
			<button value="去登录页">
				<a href="/">				去登录页：</a>
			</button>
		</p>
    </div>
</body>
</html>
